<template>
  <div class="box">
    <el-container style="height: 100%; ">
      <el-aside width="200px" style="height: 100%;background-color: #f6f3f3;">
        <p style="font-size: 20px;color: #323131;">&nbsp; 配置管理</p>
        <router-link to="/home/knowledge/wuJiA" class="no-link-style">
          <p>&nbsp; <span class="el-icon-plus"></span> 添加配置</p>
        </router-link>
        <router-link to="/home/knowledge/wuJiB/wuJi1/wuJi3" class="no-link-style">
          <p>&nbsp; <span class="el-icon-date"></span> 配置列表</p>
        </router-link>

        <b style="font-size: 12px;color: #6f6a6a;margin:10px 0;display: block;">&nbsp; &nbsp; 统计分析</b>

        <router-link to="/home/knowledge/wuJiC/wuJi5/wuJi7" class="no-link-style">
          <p>&nbsp; <span class="el-icon-s-data"></span> 告警信息</p>
        </router-link>

        <router-link to="/home/knowledge/wuJi10">
          <p>
            &nbsp; <span class="el-icon-s-data"></span>资产拓扑
            <span style="color: rgb(204, 4, 4);">&nbsp;&nbsp;敬请期待</span>
          </p>
        </router-link>

        <router-link to="/home/knowledge/wuJi11">
          <p>
            &nbsp; <span class="el-icon-s-data"></span>统计报表
            <span style="color: rgb(204, 4, 4);">&nbsp;&nbsp;敬请期待</span>
          </p>
        </router-link>




        <b style="font-size: 12px;color: #6f6a6a;margin:10px 0;display: block;">&nbsp; &nbsp; 设置</b>

        <router-link to="/home/knowledge/wuJiD" class="no-link-style">
          <p>&nbsp; <span class="el-icon-s-data"></span>表单配置</p>
        </router-link>
        <router-link to="/home/knowledge/wuJiE" class="no-link-style">
          <p>&nbsp; <span class="el-icon-s-data"></span>告警配置</p>
        </router-link>
      </el-aside>



      <el-container style="height: 100%;">
        <el-main style="height: 100%;">
          <RouterView></RouterView>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>

export default {
  components: {

  }
};

</script>

<style scoped lang="less">
* {
  margin: 0;
  padding: 0px;
}

.box {
  height: 100%;
  margin: 0;
  padding: 0px;
}

.el-aside {
  display: block;
}

.el-aside p {
  line-height: 40px;
}

.el-aside p:hover {
  background-color: #169bd5;
}

.el-main {
  background-color: #ffffff;
}

a {
  text-decoration: none;
  color: #3f3f3f;
}
</style>
